<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org" lang="en">

<head>
<meta http-equiv="X-UA-Compatible"
	content="IE=edge; text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>BaseX Load Tool :: a beta tool with Spring and Thymeleaf</title>

<!-- Bootstrap -->
<link
	href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"
	th:href="@{/webjars/bootstrap/3.0.3/css/bootstrap.min.css}"
	rel="stylesheet" />
<link href="../../../resources/css/navbar.css"
	th:href="@{/resources/css/navbar.css}" rel="stylesheet" />
<!-- JQuery -->
<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"
	th:src="@{/webjars/jquery/1.9.0/jquery.min.js}"></script>
<script
	src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"
	th:src="@{/webjars/bootstrap/3.0.3/js/bootstrap.min.js}"></script>

<!-- Spring JS and Ajax -->
<script type="text/javascript" th:src="@{/resources/dojo/dojo.js}"></script>
<script type="text/javascript" th:src="@{/resources/spring/Spring.js}"></script>
<script type="text/javascript"
	th:src="@{/resources/spring/Spring-Dojo.js}"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>

<body>
	<div class="container" th:fragment="bodyHeader">
		<!-- Static navbar -->
		<div class="navbar navbar-inverse" th:role="navigation">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="http://code.google.com/p/qudex-repository-tools/" 
					th:href="@{http://code.google.com/p/qudex-repository-tools/}">
					<img th:src="@{/resources/img/logo-2.png}"/>
				</a>
				<a th:unless="${flowExecutionUrl}" class="navbar-brand"
					href="/basex-load-tool" th:href="@{/}">
					<span
					class="glyphicon glyphicon-home"></span> <span
					th:text="#{nav.home}">Spreadsheet Builder</span></a> 
				<a th:if="${flowExecutionUrl}" class="navbar-brand"
					href="/basex-load-tool" th:href="@{'~' + ${flowExecutionUrl}(_eventId=menuClick)}">
					<span
					class="glyphicon glyphicon-home"></span> <span
					th:text="#{nav.home}">Spreadsheet Builder</span></a>
			</div>
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<!-- <li th:if="${menuLabel}"><a href="#"><span
							class="glyphicon glyphicon-forward"></span><span
							th:text="${menuLabel}">The label here</span></a></li> -->
					<!-- th:unless="${menuLabel}" -->
					<li th:unless="${flowExecutionUrl}" class="dropdown"><a href="#"
						class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-book"></span> <span
							th:text="#{nav.documentation}">Documentation</span> <b
							class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="/swf-qudex-spreadsheet/overview"
								th:href="@{/overview}"><span
									class="glyphicon glyphicon-file"></span> <span
									th:text="#{nav.overview}">Overview</span></a></li>
							<li><a href="/swf-qudex-spreadsheet/documentation"
								th:href="@{/documentation}"><span
									class="glyphicon glyphicon-file"></span> <span
									th:text="#{nav.documentation2}">How-to</span></a></li>
							<li class="divider"></li>
							<li class="dropdown-header"><span th:text="#{nav.other}">Other
									documentation</span></li>
							<li><a href="/swf-qudex-spreadsheet/standards"
								th:href="@{/standards}"
								th:title="#{header.about.title}"><span
									class="glyphicon glyphicon-list"></span> <span
									th:text="#{nav.more}">More about...</span></a></li>
						</ul></li>
				</ul>
				<ul th:if="${locale}" class="nav navbar-nav navbar-right">
					<li></li>
					<li th:unless="${flowExecutionUrl}"
						th:class="(${locale.toString()} == 'en')? 'active'"><a
						href="?language=en"><img src="blank.png"
							th:src="@{/resources/img/blank.png}" class="flag flag-gb"
							alt="UK" /> English</a></li>
					<li th:unless="${flowExecutionUrl}"
						th:class="(${locale.toString()} == 'es')? 'active'"><a
						href="?language=es"><img src="blank.png"
							th:src="@{/resources/img/blank.png}" class="flag flag-es"
							alt="Espa&ntilde;a" /> Espa&ntilde;ol</a></li>
					<li th:if="${flowExecutionUrl}"
						th:class="(${locale.toString()} == 'en')? 'active'"><a
						href="?language=en"
						th:href="@{'~' + ${flowExecutionUrl}(_eventId=changeLocale, language=en)}"><img
							src="blank.png" th:src="@{/resources/img/blank.png}"
							class="flag flag-gb" alt="UK" /> English</a></li>
					<li th:if="${flowExecutionUrl}"
						th:class="(${locale.toString()} == 'es')? 'active'"><a
						href="?language=es"
						th:href="@{'~' + ${flowExecutionUrl}(_eventId=changeLocale, language=es)}"><img
							src="blank.png" th:src="@{/resources/img/blank.png}"
							class="flag flag-es" alt="Espa&ntilde;a" /> Espa&ntilde;ol</a></li>
				</ul>
			</div>
			<!--/.nav-collapse -->
		</div>
	</div>
</body>

</html>